﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="Saker.Web.Boss.Login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>企业网站</title>
    <link href="../Styles/login.css" type="text/css" media="screen" rel="stylesheet" />
    <link href="../Styles/jquery-ui-1.8.16.custom.css" rel="stylesheet" />
    <script src="../Scripts/jquery-1.6.2.min.js"></script>
    <script src="../Scripts/jquery-ui-1.8.16.custom.min.js"></script>
    <script type="text/javascript" src="../Scripts/jquery.keyboard.extension-typing.js"></script>
    <link type="text/css" href="../Styles/keyboard.css" rel="stylesheet" />
    <script type="text/javascript" src="../Scripts/jquery.keyboard.js"></script>
</head>
<body id="login">
    <form id="form1" runat="server">
    <div id="wrappertop">
    </div>
    <div id="wrapper">
        <div id="content">
            <div id="header">
                <h1>
                    <a href="">
                        <!--放置Logo <img src="logo.png"   height="50"  width="100"  alt="logo">-->
                    </a>
                </h1>
            </div>
            <div id="darkbanner" class="banner320">
                <h2>
                    企业网站</h2>
            </div>
            <div id="darkbannerwrap">
            </div>
            <fieldset class="form">
                <p>
                    <label class="loginlabel" for="user_name">
                        用户名:</label>
                    <asp:TextBox CssClass="logininput ui-keyboard-input ui-widget-content ui-corner-all"
                        name="user_name" ID="user_name" runat="server"></asp:TextBox>
                </p>
                <p>
                    <label class="loginlabel" for="user_password">
                        密&nbsp;&nbsp;&nbsp; 码:</label>
                    <span>
                        <asp:TextBox ID="user_password" name="user_password" CssClass="logininput" TextMode="Password"
                            runat="server"></asp:TextBox><img id="passwd" class="tooltip" alt="Click to open the virtual keyboard"
                                title="Click to open the virtual keyboard" src="../images/keyboard.png" /></span>
                </p>
<%--                <button id="loginbtn" type="button"  class="positive" name="Submit">
                    <img src="../images/key.png" alt="Announcement" />登陆</button>--%>
                 <asp:LinkButton ID="loginbtn" runat="server" CssClass="positive" name="Submit" 
                    ClientIDMode="Static" onclick="loginbtn_Click"><img src="../images/key.png" alt="Announcement" />登陆</asp:LinkButton>
                <ul id="forgottenpassword">
                    <li class="boldtext">|</li>
                    <li>
                        <input id="remember" type="checkbox" name="remember" id="rememberMe"><label for="rememberMe">Remember
                            me</label></li>
                </ul>
            </fieldset>
        </div>
    </div>
    <div id="wrapperbottom_branding">
        <div id="wrapperbottom_branding_text">
            Language:<a href="#" style='text-decoration: none'>Japanese </a>| <a href="#" style='text-decoration: none'>
                English</a></div>
    </div>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#user_password').keyboard({
                openOn: null,
                stayOpen: true,
                layout: 'qwerty'
            }).addTyping();
            $('#passwd').click(function () {
                $('#user_password').getkeyboard().reveal();
            })

            $(".logininput").blur(function () {
                if ($(this).val() == "") {
                    $(this).css("border-color", "red");
                }
                else
                    $(this).css("border-color", "#D9D6C4");
            })

//            $("#loginbtn").click(function () {
//                var k = 0;
//                var ajaxhtml = "";
//                $(".logininput").each(function (i, obj) {
//                    if ($(obj).val().trim() == "") {
//                        k++;
//                        $(this).css("border-color", "red");
//                        $(this).focus();
//                        return false;
//                    }
//                });
//                if (k != 0) return;
//                ajaxhtml = $("#loginbtn").html();
//                $("#loginbtn").html("Loading....  <img src='../images/loginloading.gif' alt='Announcement' /> ");
//                $("#loginbtn").attr("disabled", "disabled");

//            })
        });
        
    </script>
    </form>
</body>
</html>
